Vue3.0和Vue2.0的区别

已于 2023-06-21 10:27:20 修改
阅读量7w 收藏 124
点赞数 24
分类专栏： vue 文章标签： vue3.0 vue2.0
于 2019-11-01 20:41:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/low666/article/details/102864229
版权

Vue3.0和Vue2.0的区别

  1. 默认进行懒观察（lazy observation）。
    在 2.x 版本里，不管数据多大，都会在一开始就为其创建观察者。当数据很大时，这可能会在页面载入时造成明显的性能压力。3.x 版本，只会对「被用于渲染初始可见部分的数据」创建观察者，而且 3.x 的观察者更高效。
  2. 更精准的变更通知。
    比例来说：2.x 版本中，使用 Vue.set 来给对象新增一个属性时，这个对象的所有 watcher 都会重新运行；3.x 版本中，只有依赖那个属性的 watcher 才会重新运行。
  3. 3.0 新加入了 TypeScript 以及 PWA 的支持
  4. 部分命令发生了变化：
    • 下载安装 npm install -g vue@cli
    • 删除了vue list
    • 创建项目 vue create
    • 启动项目 npm run serve
  5. 默认项目目录结构也发生了变化：
    • 移除了配置文件目录，config 和 build 文件夹
    • 移除了 static 文件夹，新增 public 文件夹，并且 index.html 移动到 public 中
    • 在 src 文件夹中新增了 views 文件夹，用于分类 视图组件 和 公共组件
builder2991
关注
  • 24
    点赞
  • 踩
  • 124
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
专栏目录
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0后台管理系统
05-02
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios
vue3.0 和 2.0的差异
卡卡西：一个擅长拷贝的前端程序员
09-25 2470
1.项目目录结构 vue-cli2.0与3.0在目录结构方面，有明显的不同 vue-cli3.0移除了配置文件目录，config和build文件夹 同时移除了static静态文件夹，新增了public文件夹，打开层级目录还会发现，index.html移动到public中 2.配置项 3.0 config文件已经被移除，但是多了.env.production和env.development文件，除了文件位置，实际配置起来和2.0没什么不同 没了config文件，跨域需要配...
VUE3.0(一)：vue3.0简介
最新发布
chengcheng9876的博客
03-22 1854
VUE3.0(一)：vue3.0简介
简说Vue3.0和Vue2.0的区别
漏网之鱼的博客
09-16 1209
默认进行懒观察（lazy observation）。 在 2.x 版本里，不管数据多大，都会在一开始就为其创建观察者。当数据很大时，这可能会在页面载入时造成明显的性能压力。3.x 版本，只会对「被用于渲染初始可见部分的数据」创建观察者，而且 3.x 的观察者更高效。 更精准的变更通知。 比例来说：2.x 版本中，使用 Vue.set 来给对象新增一个属性时，这个对象的所有 watcher 都会重新运行；3.x 版本中，只有依赖那个属性的 watcher 才会重新运行。 3.0 新加入了 TypeSc
vue2.0和vue3.0的区别
weixin_53667605的博客
09-20 8080
vue2.0和vue3.0的区别
vue2与vue3的区别
热门推荐
田兴的博客
09-25 8万+
参考文档： Vue2和Vue3开发组件有什么区别 vue2和vue3双向数据绑定的区别 总结： 1. vue2和vue3双向数据绑定原理发生了改变 vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。 vue3 中使用了 es6 的 ProxyAPI 对数据代理。 相比于vue2.x，使用proxy的优势如下 defineProperty只能监听某个属性，不能对全对象监听 可以省去for in、闭包等内容来提
Vue 2.0 与Vue 3.0的区别
sally18的博客
08-13 1460
1.项目结构 Vue-cli2.0与3.0在目录结构方面，有明显的不同，vue-cli3.0移除了配置文件目录config和build文件夹，同时移除了static静态文件夹。新增了public文件夹，打开层级目录还会发现，index.html移动到public中 2.配置项 3.0 config文件已经被移除，但是多了.env.production和env.development文件，除了文件位置，实际配置起来和2.0没什么不同，没了config文件，跨域需要配置域名时，从config/in...
Vue2.X和Vue3.0数据响应原理变化的区别
10-16
主要介绍了Vue2.X和Vue3.0数据响应原理变化的区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue3.0与Vue2.0的区别（超详细）
10-05
Vue3.0与Vue2.0的区别（超详细）
Web前端Vue2.0 + Vue3.0 全套入门到精通教程
10-20
Web前端Vue2.0 + Vue3.0 全套入门到精通教程
VUE官方文档最新离线文档(2.0和3.0)
11-02
VUE官方文档(2.0和3.0)，不需要安装任何HTTP_SERVER，WINDOWS/LINUX下都可以使用，不好用或者资源是假的，留言骂我，不要客气。
vue3新语法
田兴的博客
03-01 6909
一、知识点 defineComponent 构建应用及绑定事件 使用 reactive 绑定数据 使用 ref ( torefs ) 绑定数据 使用 getCurrentInstance 获取当前实例化对象上下文信息 watch、watchEffect 数据监听 简单的 TodoList 点餐功能 1.使用 reactive 绑定数据 <template> <div> <h1>使用 reactive 绑定数据</h1> <p&gt
vue 3.0与vue 2.0的区别
ssl_husband的博客
07-12 1354
1、项目目录不同的了 ​ `vue-cli3.0移除了config文件夹，多了vue.config.js文件，新增了一个views文件夹 ，删除了static新增了public文件夹， index.html移动到public了` 2、配置项不同 vue-cli2.0的域名配置，分为开发环境和生产环境，所以配置域名时，需要在config中的dev.env.js和prod.env.js中分别配置 ​ 3.0 config文件已经被移除，但是多了.env.production和env.development
vue3.0 与 vue2.0 的区别
weixin_44190647的博客
08-31 390
1、性能提升 一句话简介：更小巧，更快速；支持摇树优化；支持 Fragments 和跨组件渲染；支持自定义渲染器。 2、API 变动 一句话介绍：除渲染函数 API 和 scoped-slot 语法之外，其余均保持不变或者将通过另外构建一个兼容包 来兼容 2.x。 模板语法的 99% 将保持不变。除了 scoped slot 语法可能会有一些微调之外变动最大的部分将是渲染函数 (render) 中的虚拟 DOM 的格式。 3、重写虚拟 DOM (Virtual DOM Rewrite) 随着虚拟 DOM 重
Vue 笔试题(六)
weixin_44602430的博客
10-19 352
26. this.$ router.push()与this.$ routrt.replace()区别 this.$ router.push() 跳转到不同的url，但这个方法会向history栈添加一个记录，点击后退会返回到上一个页面。 this.$ router.replace()同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。 27.导航钩子 1)全局导航钩子 全局前置守卫 beforeEach(to,from,nex
Vue2.0和Vue3.0的区别
u014645827的博客
07-14 4万+
vue经历从2.0到3.0更新之后，简⽽⾔之就是变得更轻，更快，使⽤起来更加⽅便，每⼀次的版本迭代都是对上⼀个版本的升级优化，不管 是对于我们开发者还是对于⽤户体验都是不断地在越来越⽅便，接下来我会着重于开发者来说⼀下两个不同版本的区别，1.vue2.0和3.0的初始化就存在着⼀定区别，⽐如vue3.0可以在安装脚⼿架同时提前安装好⼀些项⽬开发必备的插件，并且3.0提供了可视 化创建脚⼿架，可以更加⽅便的对插件和依赖进⾏管理和配置，同时两个版本的⽬录结构也是有些许差别的。2.在开发过程中两个版本的使⽤⽅法虽
谈谈vue2.0和vue3.0区别在哪里
are_gh的博客
08-04 568
结构部分 程序主入口文件 main.js vue2.0 import Vue from 'vue' import App from './App.vue' import router from "./router" import store from "./store" new Vue({ store, router, render: h => h(App), }).$mount('#app..
vue3.0和vue2.0的主要区别
01-22
Vue 3.0相对于Vue 2.0有以下主要区别： 1. 性能提升：Vue 3.0在性能方面进行了优化，通过使用Proxy代理对象替代了Vue 2.0中的Object.defineProperty来实现数据响应式，提高了性能和效率。 2. 体积优化：Vue 3.0在体积方面进行了优化，通过使用模块化的设计和Tree-shaking技术，可以按需引入和使用Vue的功能，减小了打包后的文件体积。 3. Composition API：Vue 3.0引入了Composition API，它是一种基于函数的API风格，可以更好地组织和复用组件逻辑，使得代码更加清晰和易于维护。 4. Teleport：Vue 3.0新增了Teleport组件，可以将组件的内容渲染到DOM树中的任意位置，提供了更灵活的组件渲染方式。 5. Fragments：Vue 3.0支持使用Fragments（片段）来包裹多个组件根元素，避免了额外的DOM层级。 6. 其他改进：Vue 3.0还对TypeScript支持进行了改进，提供了更好的类型推导和类型检查。同时，Vue 3.0还对编译器进行了优化，提高了编译速度。 这些是Vue 3.0相对于Vue 2.0的主要区别。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值